<template>
    <div>
        <!-- 内容区 -->
        <section class="goods-show-area">
            <pro-detail-list :proDetailList="proDetailList"/>
        </section>
        <!-- 底部导航 -->
        <section class="bottom-tabs">
            <bottom-tabs :routerText="'所有商品'"/>
        </section>
    </div>
</template>

<script>
import BottomTabs from "../components/public/bottomTabs";
import ProDetailList from "../components/public/proDetailList";
export default {
  data() {
    return {
      proDetailList: [], //商品详情列表
    };
  },

  components: {
    BottomTabs,
    ProDetailList
  },

  mounted() {
    this.$util.get('goods/getGoodsPackageList').then(res=>{
      this.proDetailList = res.data;
    })
  },
};
</script>
<style lang='less' scoped>
@import url(../assets/css/goods/goods.less);
</style>
